import { Card, Col, Row, Space } from 'antd';
import { Link } from 'react-router-dom';
import './index.css';

function Home() {
  return (
    <div className="home-container">
      <Space direction="vertical" className="space-card-wrap-item" size={24}>
        <Card
          title="ThreeJs"
          className="home-card-item"
          extra={<a href="#">More</a>}
        >
          <Row>
            <Col span={12} className="link-item">
              <Link className="demo-title" to="/threejs/demo1">
                立方体：camera scene
              </Link>
            </Col>
            <Col span={12} className="link-item">
              <Link className="demo-title" to="/threejs/3d-hulu-baby">
                3d-hulu-baby
              </Link>
            </Col>
            <Col span={12} className="link-item">
              <Link className="demo-title" to="/threejs/3d-hulu-baby-glb">
                3d-hulu-baby-glb
              </Link>
            </Col>
            <Col span={12} className="link-item">
              <Link className="demo-title" to="/threejs/xbot">
                XBot
              </Link>
            </Col>
            <Col span={12} className="link-item">
              <Link className="demo-title" to="/threejs/xbot-2">
                XBot-2
              </Link>
            </Col>
            <Col span={12} className="link-item">
              <Link className="demo-title" to="/threejs/demo-AI-Robot">
                demo-AI-Robot
              </Link>
            </Col>
          </Row>
        </Card>
      </Space>
      <Space direction="vertical" className="space-card-wrap-item" size={24}>
        <Card
          title="PDF"
          className="home-card-item"
          extra={<a href="#">More</a>}
        >
          <Row>
            <Col span={12} className="link-item">
              <Link className="demo-title" to="/myTools/pdf/splitByPageNo">
                拆分pdf
              </Link>
            </Col>
            <Col span={12} className="link-item">
              <Link className="demo-title" to="/myTools/pdf/FileToPdf">
                转pdf
              </Link>
            </Col>
            <Col span={12} className="link-item">
              <Link className="demo-title" to="/myTools/pdf/viewLocalPDF">
                v37,预览本地pdf
              </Link>
            </Col>
          </Row>
        </Card>
      </Space>

      <Space direction="vertical" className="space-card-wrap-item" size={24}>
        <Card
          title="Electron IPC"
          className="home-card-item"
          extra={<a href="#">More</a>}
        >
          <Row>
            <Col span={12} className="link-item">
              <Link className="demo-title" to="/electron/multiWindow">
                多窗口
              </Link>
            </Col>
          </Row>
        </Card>
      </Space>
      {/* Agent */}
      <Space direction="vertical" className="space-card-wrap-item" size={24}>
        <Card
          title="AI Agent"
          className="home-card-item"
          extra={<a href="#">More</a>}
        >
          <Row>
            <Col span={12} className="link-item">
              <Link className="demo-title" to="/electron/agent3D">
                Lottie
              </Link>
            </Col>
          </Row>
        </Card>
      </Space>
    </div>
  );
}

export default Home;
